<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择器</title>
    <style>
        /*<!--id选择器-->*/
  /*      #p1 {
            text-align: center;
            color: lightcoral;
        }
        !*class选择器*!
        .colorred {
            color: red;
        }
        .colorgreen { color: green}
        !*标签选择器*!
        h1 {text-align: center}
        h2 {text-align: center; color :yellow}*/

        /*属性选择器*/
       /* [title] {
            color:pink;
        }*/
       h1[title] {
            color:pink;
            text-align: center;
        }
    </style>
</head>
<body>
<!--选择器 {属性:value;属性:value}-->
<h1 title="titleh1" >使用css样式表</h1>
<h2 style="color: green">使用css表二级标题</h2>
<h1>使用css表一级标题</h1>
<h2 title="titleh2">使用css表二级标题</h2>
<p id = "p1" style="text-align: right">段落居中</p>
<!--<p id = "p1">段落居中</p>-->
<p class = "colorred" >颜色为红色</p>
<p class = "colorred">颜色为红色2</p>
<p class = "colorgreen"> 颜色为绿色</p>
</body>
</html>